<template>
  <div class="header-container">
    <EscookButton />
    <hr />
    <span>count 的值是：{{ count }}</span>
    <button @click="add">+1</button>
  </div>
</template>

<script setup>
// 一定要使用大驼峰命名法
import EscookButton from './Button.vue'
import { useCounter } from '../hooks'

const { count, add } = useCounter()
</script>

<style scoped>
.header-container {
  height: 100px;
  width: 100%;
  background-color: #dddddd;
}
</style>
